<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
</head>
<body>
<div title="总外框" class="OuterFrame">
    <div title="左边轮播图显示框" class="leftPicture">
        <img class="maxpecture" alt="1" src="img/1.jpg">
    </div>
    <div title="右边图片列表" class="list">
        <div class="listPicture"><img class="mixpct" alt="1" src="img/1.jpg"></div>
        <div class="listPicture"><img class="mixpct" alt="2" src="img/2.jpg"></div>
        <div class="listPicture"><img class="mixpct" alt="3" src="img/3.jpg"></div>
        <div class="listPicture"><img class="mixpct" alt="4" src="img/4.jpg"></div>
        <div class="listPicture"><img class="mixpct" alt="5" src="img/5.jpg"></div>
    </div>
</div>
<link rel="stylesheet" type="text/css" href="轮播图.css">
<script src="轮播图.js"></script>
</body>
</html>